<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    template="layout/templateLogin.xhtml">

<ui:define name="body">

    <h:form>

	   
	   <script type="text/javascript">
		$(document).ready(function() {
			

			$("#various3").fancybox({
				
				'width'				: 450,
				'height'			: 500,
				'padding'			: 1,
				'autoScale'			: true,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'				: 'iframe'
				
			});
		
		});
	</script>
		
	<script language="javascript">

 			function openScheduleRequest()
 				{
   					Fenetre = window.open("paginas/negocio/login/recuperarSenha.seam","sss","width=500,height=500, left=520, top=250");
  					Fenetre.focus();
 				}

	</script>
	
	 <script type="text/javascript">
        $(document).ready(function(){
            $(".button").hover(function(){
                $(".button img")
                .animate({top:"-13px"}, 200).animate({top:"-8px"}, 200) // first jump
                .animate({top:"-10px"}, 100).animate({top:"-8px"}, 100) // second jump
                .animate({top:"-9px"}, 100).animate({top:"-8px"}, 100); // the last jump
            });
        }); 
    </script>            
           <div class = "fundoLogin">
		   <div class="teste2">
				<h:messages id="messages" style="text-align:left;color:#9b0700; font-size:10px;" globalOnly="true" styleClass="message"
			            errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg" 
			            rendered="#{showGlobalMessages != 'false'}"/>
                	  <h:panelGrid columns="2" rowClasses="prop" columnClasses="name,value">
             		  <h:outputLabel for="username">ID:</h:outputLabel>
                  	  <h:inputText id="username" required="true" value="#{identity.username}"/>
                      <h:outputLabel for="password">Senha:</h:outputLabel>
                   	  <h:inputSecret id="password" required="true" value="#{identity.password}"/>
                      <h:outputLabel for="rememberMe">Lembrar-me</h:outputLabel>
                      <h:selectBooleanCheckbox id="rememberMe" value="#{rememberMe.enabled}"/>
                  
			    </h:panelGrid>
             	 	
            	  <p><a id="various3" href="paginas/negocio/login/recuperarSenha.seam">Recuperar minha senha ou ID</a></p>
         
	   	 <div class="actionButtons">
            <p><h:commandLink id="submit" class="button" value="Login" action="#{identity.login}" ><img src="img/button.png" alt="" /></h:commandLink></p>
       	 </div>
        </div>
      </div>  
	  </h:form>
 </ui:define>
</ui:composition>
